<template>
    <!-- 路由 -->
  <ul class="about-san">
     <li><router-link :to="{name:'MessageContact'}">留言联系</router-link></li>
     <li><router-link :to="{name:'AboutAuthor'}">关于作者</router-link></li>
     <li><router-link to="/">官方社区</router-link></li>
  </ul>
  <!-- 渲染指定路由对应的组件,访问不同的路由，加载的不同的组件都是在 router-view标签这里渲染的 -->
  <!-- <router-view></router-view> -->
</template>

<script>
export default {
  name:'AboutNav',
}
</script>
  
<style lang="less" scoped>
  .about-san{
    // position: fixed;
    display: inline-block;
    width: 100%;
  }
  .about-san li{
    // display:block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    // box-sizing: border-box;
  }
  .about-san li a{
  display: block;
  padding: 0 20px;
  color: #000;
  background-color: #fff;
  } 
  .about-san li a.router-link-active{
    background-color: #00C3B6;
  }

</style>